<template>
	<view class="boxx">
		<!-- 页面头部 -->
		<div class="head">
			<!-- 返回按钮 -->
			<img src="../../static/img/fanhui.png" alt="" class="return_botton">
			<!-- 页面标题 -->
			<p class="title">关注我的</p>
			<!-- 保存按钮 -->
		</div>
		<!-- 占位 -->
		<div class="mark_one"></div>
		<!-- 内容区 -->
		<div class="content">
			<!-- 头像 -->
			<img src="../../static/img/9.png" alt="" class="hand_img">
			<!-- 昵称 -->
			<p class="name">公益侠</p>
			<!-- 个签 -->
			<p class="sign">公益一直是我想做的事情</p>
			<!-- 取消关注按钮 -->
			<div class="cancel">
				<p class="cancel_word">+ 关注</p>
			</div>
		</div>
			<!-- 内容区 -->
		<div class="content">
			<!-- 头像 -->
			<img src="../../static/img/8.png" alt="" class="hand_img">
			<!-- 昵称 -->
			<p class="name">公益联盟</p>
			<!-- 个签 -->
			<p class="sign">公益一直是我想做的事情</p>
			<!-- 取消关注按钮 -->
			<div class="cancel">
				<p class="cancel_word">+ 关注</p>
			</div>
		
		</div>
	</view>
</template>

<script>
</script>

<style scoped>
	
	
	/* 页面头部  */
	.head{
	    position: fixed;
	    top: 0px;
	    left: 0px;
	    width: 100%;
	    height: 76rpx;
	    line-height: 76rpx;
	    /* 76 */
	    background-color: white;
	    border-bottom: whitesmoke 1px solid ;
	    /* 高行高 76 */
	 
	}
	/* 返回按钮 */
	.return_botton{
	    float: left;
	    margin-top: 20rpx;   /* 20 */
		margin-left: 20rpx;
	    float: left;
	    width: 36rpx;   /* 36 */
	    height: 36rpx;/* 36 */
	
	}
	/* 页面标题 */
	.title{
	    float: left;
	    margin-left: 272rpx;    /* 272 */
	    font-size: 30rpx;   /* 30 */
	    font-weight: bold;
	    text-align: center;
	}
	/* 占位 */
	.mark_one{
	    height: 76rpx;    /* 76 */
	}
	/* 内容区 */
	.content{
	    margin: 0 auto;
	    margin-top: 22rpx;
	    /* 22 */
	    width: 710rpx;
	    /* 710 */
	    height: 154rpx;
	    /* 154 */
	    background-color: #FFEC8B ;
	    box-shadow: 18rpx 18rpx 54rpx 18rpx #F5F5F5;   /* 18 18 54 18 */
	    border-radius: 9rpx;
	    /* 9 */
	}
	/* 头像 */
	.hand_img{
	    float: left;
	    margin-top: 22rpx;
	    margin-left: 22rpx;
	    /* 22 */
	    width: 109rpx;
	    height: 109rpx;
	    /* 109 */
	    border-radius: 181rpx;
	    /* 181 */
	}
	/* 昵称 */
	.name{
	    float: left;
	    width: 154rpx;
	    /* 154 */
	    margin-top: 22rpx;
	    /* 22 */
	    margin-left: 18rpx;
	    /* 18 */
	    font-size: 25rpx;
	    /* 25 */
	}
	/* 个签 */
	.sign{
	    float: left;
	    margin-top: 75rpx;
	    /* 75 */
	    margin-left: -154rpx;
	    /* 154 */
	    color: #A8A8A8;
	    font-size: 24rpx;
	    /* 24 */
	}
	/* 取消关注按钮 */
	.cancel{
	    float: left;
	    margin-top: 45rpx;
	    /* /* 45 */
	    margin-left: 118rpx; 
	    /* 118 */
	    border-radius: 9rpx;
	    /* 9 */
	    width: 152rpx;
	    /* 152 */
	    height: 62rpx;
	    /* 62 */
	    background-color: #FFDA44;
	}
	.cancel_word{
	    margin-top: 13rpx;
	    /* 13 */
	    margin-left: 36rpx;
	    /* 36 */
	    font-size: 25rpx;   
	    /* 25 */
	    color: white;
	    font-weight: bold;
	}
</style>
